<%@ page language="java"  pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="<%=basePath%>" />
<title>武汉科技大学  嵌入式实验室系统</title>
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<!-- stylesheets -->
		<link rel="stylesheet" type="text/css" href="resources/css/reset.css" />
		<link rel="stylesheet" type="text/css" href="resources/css/style.css" media="screen" />
		<link id="color" rel="stylesheet" type="text/css" href="resources/css/colors/blue.css" />
		<!-- scripts (jquery) -->
		<script src="resources/scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
		<!--[if IE]><script language="javascript" type="text/javascript" src="resources/scripts/excanvas.min.js"></script><![endif]-->
		<script src="resources/scripts/jquery-ui-1.8.custom.min.js" type="text/javascript"></script>
		<script src="resources/scripts/jquery.ui.selectmenu.js" type="text/javascript"></script>
		<script src="resources/scripts/jquery.flot.min.js" type="text/javascript"></script>
		<script src="resources/scripts/tiny_mce/tiny_mce.js" type="text/javascript"></script>
		<script src="resources/scripts/tiny_mce/jquery.tinymce.js" type="text/javascript"></script>
		<!-- scripts (custom) -->
		<script src="resources/scripts/smooth.js" type="text/javascript"></script>
		<script src="resources/scripts/smooth.menu.js" type="text/javascript"></script>
		<!-- <script src="resources/scripts/smooth.chart.js" type="text/javascript"></script> -->
		<script src="resources/scripts/smooth.table.js" type="text/javascript"></script>
		<!-- <script src="resources/scripts/smooth.form.js" type="text/javascript"></script>
		<script src="resources/scripts/smooth.dialog.js" type="text/javascript"></script> -->
		<script src="resources/scripts/smooth.autocomplete.js" type="text/javascript"></script>
		<script type="text/javascript">
			$(document).ready(function () {
				style_path = "resources/css/colors";

				$("#date-picker").datepicker();

				$("#box-tabs, #box-left-tabs").tabs();
			});
			$(function() {
		$.ajax({ //请求登录处理页
			url : "json/info!load", //登录处理页
			tppe : "get",
			dataType : "json",
			async : true,
			//传送请求数据
			success : function(data) { //登录成功后返回的数据
				//根据返回值进行状态显示
				$.each(data.data,function(i,v){
				$("tbody").append("<tr align='center'>"+
				"<td>"+v.id+"</td>"+
				"<td>"+v.title+"</td>"+
				"<td>"+v.content+"</td>"+
				"<td>"+v.author+"</td>"+
				"<td>"+v.kind+"</td>"+
				"<td>"+v.date+"</td>"+
				"</tr>");  
				});
			}
		});
	});
		</script>
	</head>
	
		<!-- content -->
			<!-- content / right -->
			<div id="right">
				<!-- table -->
				<div class="box">
					<!-- box / title -->
					<div class="title">
						<h5>新闻列表</h5>						
					</div>
					<!-- end box / title -->
					<div class="table">
						<form action="" method="post">
						<table>
							<thead>
								<tr>
									<th class="left">序号</th>
									<th>标题</th>
									<th>内容</th>
									<th>作者</th>
                                    <th>新闻类别</th>
									<th>发布日期</th>																		
								</tr>
							</thead>
							<tbody>
								<!-- <tr align="center">
									<td width="5%">1</td>
									<td width="10%">文档</td>
									<td width="20%">完成周报提交部分</td>
									<td width="15%">我</td>								                                   
                                    <td width="10%">2013-3</td>
                                    <td width="15%">文档</td>
                                    <td width="10%"><a href="infoModify.html">修改</a>|<a href="infoModify.html">删除</a></td>							
								</tr>						 -->			
							</tbody>
						</table>
						<!-- pagination -->
						<div class="pagination pagination-left">
                        
							<ul class="pager">
								<li class="disabled">&laquo; prev</li>
								<li class="current">1</li>
								<li><a href="">2</a></li>
								<li><a href="">3</a></li>
								<li><a href="">4</a></li>
								<li><a href="">5</a></li>
								<li class="separator">...</li>
								<li><a href="">20</a></li>
								<li><a href="">21</a></li>
								<li><a href="">next &raquo;</a></li>
							</ul>
						</div>
						<!-- end pagination -->
						<!-- table action -->						
						<!-- end table action -->
						</form>
					</div>
				</div>
				<!-- end table --><!-- messages --><!-- end messages -->
				<!-- forms -->
			
				<!-- end forms -->
			</div>
			<!-- end content / right -->
		
	</body>
</html>